<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:ppctu="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./Template/Template.xhtml">

            <ui:define name="title">
                XMLười 
            </ui:define>

            <ui:define name="top">
                top
            </ui:define>

            <ui:define name="left">
                Menu
            </ui:define>

            <ui:define name="content">

                <!--value="javascript:void(0)"-->
                <h:outputLink value="javascript:void(0)" onclick="dlg.show()">
                    <h1 align="center">Click here to see the World's Best Developer</h1></h:outputLink>  

                <ppctu:dialog widgetVar="dlg" header="World's Best Developer" width="250" 
                              resizable="true" showEffect="fold" hideEffect="clip" >  

                    <h:form>  
                        <ppctu:graphicImage value="/Images/images.jpeg" />  
                    </h:form>  

                </ppctu:dialog>  

                <br/> 
                <h:form>
                    <h:outputLink value="javascript:void(0)" onclick="History.show()">
                        History</h:outputLink>  
                    <ppctu:dialog widgetVar="History" header="uploaded files" width="450" 
                                  resizable="true" showEffect="fold" hideEffect="clip">

                        <h:panelGrid columns="3" style="text-align: center;">
                            <h:outputText style="font-weight: 700" value="xml files"/>
                            <h:outputText style="font-weight: 700" value="xslt files"/>
                            <h:outputText style="font-weight: 700" value="schema files"/>

                            <h:selectOneListbox value="#{mainController.xmlFile}" style="min-width: 100px; height: 150px;">                        
                                <f:selectItems value="#{fileList.xmlKeys}"/>
                                <ppctu:ajax update="xmlFile"/>
                            </h:selectOneListbox>                           
                            <h:selectOneListbox value="#{mainController.xsltFile}" style="min-width: 100px; height: 150px;">
                                <f:selectItems value="#{fileList.xsltyKeys}"/>
                                <ppctu:ajax update="xsltFile"/>
                            </h:selectOneListbox>
                            <h:selectOneListbox value="#{mainController.schemaFile}" style="min-width: 100px; height: 150px;">
                                <f:selectItems value="#{fileList.schemaKeys}"/>
                                <ppctu:ajax update="schemaFile"/>
                            </h:selectOneListbox>
                        </h:panelGrid>

                    </ppctu:dialog>
                    <br/>
                    <h:outputLabel id="xmlFile" value="#{mainController.xmlFile}" escape="false"/>
                    <h:outputLabel id="xsltFile" value="#{mainController.xsltFile}" escape="false"/>
                    <h:outputLabel id="schemaFile" value="#{mainController.schemaFile}" escape="false"/>
                </h:form>
            </ui:define>

            <ui:define name="bottom">
                bottom
            </ui:define>

        </ui:composition>

    </body>
</html>
